import { ref } from 'vue'
import type { Ref } from 'vue'
import { defineStore } from 'pinia'

export const useDisplayControlStore = defineStore('displayControl', () => {
  const displayTheme :Ref<string> = ref('light')
  const changeTheme = () => {
    displayTheme.value = displayTheme.value === 'light'?'dark':'light'
  }

  return { displayTheme, changeTheme }
})
